<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<!-- 强制让 IE 使用最新内核渲染 -->
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<!-- 禁止用户缩放 -->
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1, user-scalable=no">
	<!-- 优先选择 chrome 内核渲染 -->
	<meta name="renderer" content="webkit">
	<!-- 禁止页面缓存 -->
	<meta http-equiv="pragma" content="no-cache" />
	<meta http-equiv="Cache-control" content="no-cache" />
	<meta http-equiv="expires" content="0" />
	<title>Awesome-Code-Snippets</title>
	<!-- 页面关键字（搜索引擎抓取） -->
	<meta name="keywords" content="" />
	<!-- 页面内容描述（搜索引擎抓取） -->
	<meta name="description" content="" />
	<meta name="theme-color" content="#278fef" />
	<link rel="icon" href="favicon.ico">
	<link rel="manifest" href="manifest.json">
	<!-- 页面 css 初始化（保证各浏览器页面默认样式统一，应最先引入，bootstrap 框架已内置该文件） -->
	<link crossorigin="anonymous" integrity="sha384-9Z9AuAj0Xi0z7WFOSgjjow8EnNY9wPNp925TVLlAyWhvZPsf5Ks23Ex0mxIrWJzJ"
		href="//lib.baomitu.com/normalize/latest/normalize.min.css" rel="stylesheet">
	<!-- IE6-8  兼容解决方案
		html5shiv ： 提供对 html5 新标签（例如 footer、nav）的支持;
		respond ： 用来提供对 CSS3 @media媒体查询机制（min-width/max-width）的支持。
		if lte IE 8 ： 其中 lte 代表小于等于。
	 -->
	<!--[if lte IE 8]>
		<script crossorigin="anonymous" integrity="sha384-CLKmepoEqm+8g1zYcrHJuGaM+IiwqEjhYZpW1kQf0++07t63QBTUcWijzFM0hvOJ"
			src="//lib.baomitu.com/html5shiv/latest/html5.min.js"></script>
		<script crossorigin="anonymous" integrity="sha384-ZoaMbDF+4LeFxg6WdScQ9nnR1QC2MIRxA1O9KWEXQwns1G8UNyIEZIQidzb0T1fo"
			src="//lib.baomitu.com/respond.js/latest/respond.min.js"></script>
	<![endif]-->
	<script>
		// 判断是不是 IE 8 以下
		var _lte_IE_8 = !!(navigator.appName == 'Microsoft Internet Explorer' && +navigator.appVersion.split(';')[1].match(/\d+/)[0] < 9);
	</script>
	<script>
		// Check that service workers are registered
		/* if (location.protocol != 'file:' && 'serviceWorker' in navigator ) {
			// Use the window load event to keep the page load performant
			window.addEventListener('load', function () {
				navigator.serviceWorker.register( 'build/service-worker.js' );
			});
		} */
	</script>
<body>
	<h1>Awesome-Code-Snippets</h1>
	<hr />
	<p>This is an HTML template file.</p>
	<ul>
		<li>
			<p>- Reset the style with <a href="https://github.com/necolas/normalize.css">normalize.css</a>.</p>
		</li>
		<li>
			<p>- Set the <code>meta</code> tag to disable caching.</p>
			<ul>
				<li><code>pragma: no-cache</code></li>
				<li><code>Cache-control: no-cache</code></li>
				<li><code>expires: 0</code></li>
			</ul>
		</li>
		<li>
			<p>- Set the <code>meta</code> tag to optimize rendering.</p>
			<ul>
				<li><code>viewport: 'width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1, user-scalable=no'</code></li>
				<li><code>renderer: webkit</code></li>
			</ul>
		</li>
		<li>
			<p>- Make some new features compatible with old browsers (IE).</p>
			<ul>
				<li><a href="https://github.com/aFarkas/html5shiv">html5shiv.js</a></li>
				<li><a href="https://github.com/scottjehl/Respond">Respond.js</a></li>
				<li><a href="http://selectivizr.com/">selectivizr.js</a></li>
			</ul>
		</li>
		<li>
			<p>- Load <b>favicon.ico</b> and <b>manifest.json</b> to do PWA apps.</p>
		</li>
	</ul>
	<hr />
	<footer>
		Press <kbd>Ctrl+U</kbd> to view the web page source code.
	</footer>

	<!-- IE6-8  兼容解决方案
		selectivizr ：提供对 CSS3 新选择器（例如 :nth-child、:last-child）的支持，style 标签内样式不解析，动态生成的 DOM 也不解析。（需要 jQuery、dojo 等库的支持）
		if lte IE 8 ： 其中 lte 代表小于等于。
	 -->
	<!--[if lte IE 8]>
		<script crossorigin="anonymous" integrity="sha384-beb+XZXgD+/62+xT9KSx/KEnKG7hSWaIiI7KPDH3mS1o83+RL8ftPr/tJKB71yjN"
			src="//lib.baomitu.com/selectivizr/latest/selectivizr-min.js"></script>
	<![endif]-->
</html>
